// 登录页面的逻辑代码
// http://api-breakingnews-web.itheima.net


// 去注册
$('#goto-register').on('click', () => {
  // 注册的盒子显示
  $('#register').show()
})

// 去登录
$('#goto-login').on('click', () => {
  // 注册的盒子隐藏
  $('#register').hide()
})


// 注册 接口 
/*
 路径:  /api/reguser
 key=value&key=value
*/

$('#register form').on('submit', function (e) {
  // 阻止默认行为
  e.preventDefault()
  const data = $('#register form').serialize()

  RegAPI(data,function (res) {
    layer.msg(res.message)
    if (res.status === 0) {
      $('#register').hide()
    }
  })
  
})


// 登录接口 /api/login
$('#login form').on('submit', function (e) {
  // 阻止默认行为
  e.preventDefault()
  const data = $('#login form').serialize()

  loginAPI(data,(res) => {
    layer.msg(res.message);   // 提示框 
        // debugger  // 快速的打断点
        if (res.status === 0) {
          // 将token存储到本地 ==== token 身份认证
          localStorage.setItem('token', res.token)
          // 登录成功,跳转到首页
          location.href = '/index.html'
        }
  })
})



// 表单验证
layui.form.verify({
  username: [ // 用户名
    /^[a-z0-9]{6,10}$/,
    '账号名是6到10位由数字, 小写字母组成'
  ],
  password: [ // 密码
    /^[\S]{6,10}$/,
    '密码是6到10位, 不能有空格'
  ],
  repwd: function (value) {
    // value 当前input输入的值
    console.log(value);
    // 判断条件 当前重复密码输入框的值 vs 密码栏的值
    // if ($('.pwd').val() !== value){
    //   return '两次输入的密码必须保持一致!'
    // }

    // 逻辑运算符 &&  左右两侧都得符合条件 都必须为真
    return ($('.pwd').val() !== value) && '两次输入的密码必须保持一致!'
  }
});